@import '../../style/variables.scss';
.btn{
    // .button-hover{

    // }
    button {
    // width: 442rpx;
    height: 88rpx;
    font-size: 32rpx;
    line-height: 36rpx;
    border-radius: 20rpx;
    // background-color: $primary-colour;
    color: white;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding:20rpx;
    text-align: center;
    vertical-align: middle;
    -webkit-appearance: none;
    -webkit-text-size-adjust: 100%;
    // height: 88rpx;
    &::before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        border: none;
        border-radius: none; /* inherit parent's border radius */
        transform: translate(-50%, -50%);
        opacity: 0;
        content: ' ';
        background-color: black;
        border-color: black;
      }
      &::after {
        border-width: 0;
        // background: white;
      }
    
      &.primary {
        background-color: $primary-colour;
      }
    
      &.info {
        background-color: $info-color;
      }
    
    //   .icon {
    //     width: 48rpx;
    //     height: 48rpx;
    //   }
    }
    .icon{
        height: 48rpx;
        width: 48rpx;
    }

    // button:hover{
    //     opacity: 0.8;
    //     background-color: $primary-colour;
    // }
}
